<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">
        
        <ui:define name="title">
            #{ managerCriarLivro.livro.id == null ? 'Cadastrar Livro' : 'Editar Livro'  }
        </ui:define>        
        
        <ui:define name="content">
            <h:form id="criarLivroForm">
                <p:messages id="criarLivroMessages" autoUpdate="true" />
            
                <div class="actions">
                    <div id="buttons">
                        <p:button value="Pesquisar" outcome="pesquisarLivro.xhtml"
                                icon="ui-icon-search"
                                styleClass="ui-priority-primary">
                        </p:button>
                    </div>
                </div>
                
                <p:fieldset legend="Dados">

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Título" for="tituloInputText" />
                        </div>
                        <div class="column8">
                            <p:inputText id="tituloInputText" value="#{ managerCriarLivro.livro.titulo }"
                                required="true" requiredMessage="Título é obrigatório" />
                        </div>
                    </div>                    
                    
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Descrição" for="descricaoInputText" />
                        </div>
                        <div class="column8">
                            <p:inputTextarea id="descricaoInputText" value="#{ managerCriarLivro.livro.descricao }" />
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Quantidade de Folhas" for="prazoInputText" />
                        </div>
                        <div class="column8">
                            <p:inputText id="prazoInputText" value="#{ managerCriarLivro.livro.folhas }"
                                onkeypress="jQuery(this).autoNumeric({aSep: '', aDec: ',', vMin:0, wEmpty: '0', mDec: 0});"
                                required="true" requiredMessage="Quantidade de Folhas é obrigatório" />
                        </div>
                    </div>

                </p:fieldset>
                    
                <div class="command">
                    <p:commandButton action="#{ managerCriarLivro.salvar() }" 
                                     value="Salvar" update="@form" icon="ui-icon-disk" 
                                     styleClass="ui-priority-primary"  onsuccess="goY(0);"/>
                    <p:button value="Cancelar" icon="ui-icon-cancel" href="pesquisarLivro.xhtml" />
                </div>

            </h:form>

        </ui:define>
    </ui:composition>
</html>